/* Release status box */
.release-status-box {
    width: 100%;
    background-color: #fefacb;
}
.release-status-box ul.border {
    border: 3px solid #f8efaa;
}
.release-status-box ul.border {
    border: 3px solid #f8efaa;
}

.release-status-box ul {
    margin: 0;
    padding: 20px 15px;
}


.release-status-box .row-fluid {
    display: flex;
    align-items: center;
}

.release-status-box .span12 {
    line-height: unset;
    min-height: auto;
}

.release-status-box .span12 > p {
    font-size: 16px;
    line-height: 33px;
}

.release-status-box .new-link {
    color: #230af6;
    font-weight: 700;
    text-decoration: underline;
}

.release-status-box .status-warning-icon {
    height: 17px;
    margin-right: 6px;

    vertical-align: baseline;
}

.release-status-box .status-info-icon {
    height: 19px;
    margin-right: 6px;

    vertical-align: text-bottom;
}

/* Modal window alert */
button.close-release-alert {
    position: absolute;

    width: 25px !important;
    height: 25px;
    top: 2px;
    right: 12px;

    color: #C1CED8;
    background: 0 0;
    border: none;

    font-size: 30px;
    line-height: 34px;

    z-index: 1;
    opacity: 1;
}
.close-release-alert .cross{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)!important;
}
@media (max-width: 767px) {
    .responsive .modal.fade.in {
        top: 50%!important;
        left: 50%!important;
        transform: translate(-50%, -50%)!important;
    }
}

/* Status tip */
.status-tip {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.status-tip > b {
    font-size: 16px;
    line-height: 33px;
}

.status-tip .status-tip-text {
    visibility: hidden;
    width: 20vw;
    background-color: #333333;
    color: #fff;
    text-align: justify;
    font-size: 14px;
    font-family: 'Lato', Calibri, Arial, sans-serif;
    line-height: 15px;
    border-radius: 1px;
    padding: 10px 16px;
    position: absolute;
    z-index: 1;
    top: 130%;
    left: 50%;
    margin-left: -60px;
}

.status-tip .status-tip-text::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 20px;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #333333 transparent;
}

.status-tip:hover {
    text-decoration: underline;
}

.status-tip:hover .status-tip-text {
    visibility: visible;
}


.search_result_section strong.release-status{
    color: #888888;
}

.search_result_section strong.release-status.status-archived{
    color: #dd0031;
}